<template>
  <div class="app-container">
    <el-form ref="jywdForm" :model="info" :rules="rules" label-width="120px">
      <el-row>
        <el-col :span="12">
          <el-form-item label="财务市场" prop="jyCwsc">
            <el-select style="width: 100%" filterable clearable v-model="info.jyCwsc" placeholder="请选择财务市场">
              <el-option
                v-for="dict in tpGlExhibDatadicts"
                :key="dict.keyId"
                :label="`${dict.keyId}【${dict.keyName}】`"
                :value="dict.keyId"
                v-if="dict.classId == 'A00270'"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="投资分类" prop="jyTzfl">
            <el-select style="width: 100%" filterable clearable v-model="info.jyTzfl" placeholder="请选择投资分类">
              <el-option
                v-for="dict in tpGlExhibDatadicts"
                :key="dict.keyId"
                :label="`${dict.keyId}【${dict.keyName}】`"
                :value="dict.keyId"
                v-if="dict.classId == 'A00263'"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>


        <el-col :span="12">
          <el-form-item label="交易属性" prop="jyJysx">
            <el-select style="width: 100%" filterable clearable v-model="info.jyJysx" placeholder="请选择交易属性">
              <el-option
                v-for="dict in tpGlExhibDatadicts"
                :key="dict.keyId"
                :label="`${dict.keyId}【${dict.keyName}】`"
                :value="dict.keyId"
                v-if="dict.classId == 'A00261'"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="交易类型" prop="jyJylx">
            <el-select style="width: 100%" filterable clearable v-model="info.jyJylx" placeholder="请选择交易类型">
              <el-option
                v-for="dict in tpGlExhibDatadicts"
                :key="dict.keyId"
                :label="`${dict.keyId}【${dict.keyName}】`"
                :value="dict.keyId"
                v-if="dict.classId == 'A00274'"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="交易方式" prop="jyJyfs">
            <el-select style="width: 100%" filterable clearable v-model="info.jyJyfs" placeholder="请选择交易方式">
              <el-option
                v-for="dict in tpGlExhibDatadicts"
                :key="dict.keyId"
                :label="`${dict.keyId}【${dict.keyName}】`"
                :value="dict.keyId"
                v-if="dict.classId == 'A00272'"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="业务类型" prop="jyYwlx">
            <el-select style="width: 100%" filterable clearable v-model="info.jyYwlx" placeholder="请选择业务类型">
              <el-option
                v-for="dict in tpGlExhibDatadicts"
                :key="dict.keyId"
                :label="`${dict.keyId}【${dict.keyName}】`"
                :value="dict.keyId"
                v-if="dict.classId == 'A00271'"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="证券品种" prop="jyZqpz">
            <el-select style="width: 100%" filterable clearable v-model="info.jyZqpz" placeholder="请选择证券品种">
              <el-option
                v-for="dict in tpGlExhibDatadicts"
                :key="dict.keyId"
                :label="`${dict.keyId}【${dict.keyName}】`"
                :value="dict.keyId"
                v-if="dict.classId == 'A00268'"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="证券品种明细" prop="jyZqmxpz">
            <el-select style="width: 100%" filterable clearable v-model="info.jyZqmxpz" placeholder="请选择证券品种明细">
              <el-option
                v-for="dict in tpGlExhibDatadicts"
                :key="dict.keyId"
                :label="`${dict.keyId}【${dict.keyName}】`"
                :value="dict.keyId"
                v-if="dict.classId == 'A00269'"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>



        <el-col :span="12">
          <el-form-item label="计息基础" prop="jyJxjc">
            <el-select style="width: 100%" filterable clearable v-model="info.jyJxjc" placeholder="请选择计息基础">
              <el-option
                v-for="dict in tpGlExhibDatadicts"
                :key="dict.keyId"
                :label="`${dict.keyId}【${dict.keyName}】`"
                :value="dict.keyId"
                v-if="dict.classId == 'LC00033'"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="互换类型" prop="jyHhlx">
            <el-select style="width: 100%" filterable clearable v-model="info.jyHhlx" placeholder="请选择互换类型">
              <el-option
                v-for="dict in tpGlExhibDatadicts"
                :key="dict.keyId"
                :label="`${dict.keyId}【${dict.keyName}】`"
                :value="dict.keyId"
                v-if="dict.classId == 'C2G107'"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="对手方代码" prop="jyDsfdm">
            <el-input v-model="info.jyDsfdm" placeholder="请输入对手方代码"/>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="状态" prop="status">
            <el-radio-group v-model="info.status">
              <el-radio
                v-for="dict in dict.type.sys_common_status"
                :key="dict.value"
                :label="parseInt(dict.value)"
              >{{dict.label}}
              </el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>

        <el-col :span="24">
          <el-form-item label="备注" prop="remark">
            <el-input maxlength="500" v-model="info.remark" type="textarea" placeholder="请输入内容"/>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
  //import {listJywd, getJywd, delJywd, addJywd, updateJywd} from "@/api/reportworld/jywd";

  export default {
    props: {
      info: {
        type: Object,
        default: null
      },
      tpGlExhibDatadicts: {
        type: Array,
        default: []
      }
    },
    name: "jywdInfo",
    dicts: ['sys_common_status'],
    data() {
      return {
        // 查询参数
        queryParams: {},
        // 表单参数
        form: {},
        // 表单校验
        rules: {}
      };
    },
    created() {
    },
    methods: {}
  };
</script>
